<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>有聚有爱</title>
    <link rel="stylesheet" href="./bootstrap.min.css">
    <style>  
    .mynav {
	background: rgb(94, 153, 247);
	height: 60px;
	font-size: 16px;

}

    .mynav .navbar-nav li a {
	line-height: 20px;

	color: black;

	padding-right: 20px;
	padding-top: 30px;
	margin-top: -10px;
}

    .mynav .navbar-nav li a:hover{
	color: white;
}
    .mynav .navbar-nav li a.active{
	color: white;
	border-bottom: 2px solid white;
} 
    #lk_nav .nav {
	position: relative;
	background: rgb(94, 153, 247);
	
}

    #lk_nav .nav li {
	margin-right: 50px;
}

    @media all and (min-width: 908px) {
	#lk_nav .nav {
		left: 20%;
	}
}
.mydiv{
	background: black;
}
.myvideo{
	width: 100%;
	height: 500px;
	margin: 0 auto;
	outline: none;
}

    </style>  
</head>  
  
<body background="https://i0.hdslb.com/bfs/new_dyn/5474cad03da2ae1a0f230ebbac22b617290750052.jpg@1256w_708h_!web-article-pic.avif"  
    style="background-repeat: no-repeat; background-attachment: fixed; background-size: 100%;">  
    <div>  
        <nav class="mynav navbar navbar-default navbar-static-top">  
            <div class="container-fluid">  
  
                <div class="navbar-header">  
                    <a class="navbar-brand" href="登录.html">  
                        有聚有爱  
                    </a>  
                </div>  
  
                <div class="collapse navbar-collapse" id="lk_nav">  
                    <ul class="nav navbar-nav">  
                        <li>  
                            <a href="首页.html">首页</a>  
                        </li>  
  
                        <li>  
                            <a href="动态.html">动态</a>  
                            <!--音频，图片，效果-->  
                        </li>  
                        <li>  
                            <a href="好友.html">好友</a>  
                            <!--包括音乐+视频-->  
                        </li>  
                        <li>  
                            <a href="个人中心.html" >个人中心</a>  
                            <!--音频，图片，效果-->  
                        </li>  
                        <li>  
                            <a href="" class="active">关于我们</a>  
                            <!--音频，图片，效果-->  
                        </li>  
  
                    </ul>  
                </div>  
                <!-- /.navbar-collapse -->  
            </div>  
            <!-- /.container-fluid -->  
        </nav> 
        
    </div> 
    <div class="mydiv">
        <video src="" class="myvideo" autoplay="autoplay" controls="controls" loop="loop">浏览器不支持video标签</video>
    </div> 

</body>  
  
</html>


 